
//@note 设置viewport为屏幕像素
//		将之20等分，作为1rem
//@author czh
(function(w){
	
	var doc = w.document ;
	var bEle = doc.documentElement ;
	
	//@note 设置viewport
	var meta = doc.createElement( 'meta' ) ;
	//@note iphone 特殊处理一下 
	var pixelRatio = w.navigator.appVersion.match( /iphone/gi ) ? 1/w.devicePixelRatio : 1 ;
	
	meta.setAttribute( 'name' , 'viewport' ) ;
	meta.setAttribute( 'content' , 'initial-scale=' + pixelRatio + ',maximum-scale=' + pixelRatio + ',user-scalable=' + pixelRatio ) ;
	
	if(bEle.firstElementChild){
		bEle.firstElementChild.appendChild(meta) ;
	}else{
		var div = doc.createElement('div') ;
		div.append(meta) ;
		doc.write(div.innerHTML) ; 
	}
	
	var count = 20 ; 
		
	//@note 计算1rem
	var setEleWidth = function(){
		var r = bEle.getBoundingClientRect().width / count + 'px' ;
		bEle.style.fontSize = r ;	
	} ;
	setEleWidth() ;
	
	//@note resize时 设置1rem 防止连发
	var c = null ;
	w.addEventListener('resize',function(){
		if(c){
			w.clearTimeout(c) ;
		}
		c = w.setTimeout(setEleWidth,300) ;
	}) ;
	
	
}(window)) ;